<template>
    <div id="page_warper">
        <Header></Header>
        <Nuxt v-if="show" />
        <Footer></Footer>
    </div>
</template>

<script>
export default {
    data () {
        return {
            show: true
        };
    },
    methods: {
        reload () {
            this.show = false;
            setTimeout(() => {
                this.show = true;
            }, 500);
        }
    },
    provide () {
        return {
            reload: this.reload
        };
    }
};
</script>

<style lang="less">
html {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}
ul,
li,
ol {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
em,
i {
    font-style: normal;
}
div.el-popover.el-popper.tip {
    .top {
        display: flex;
        align-items: center;
        width: 100%;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        .top_right {
            margin-left: 80px;
        }
        .el-select {
            width: 93px;
        }
    }
    .bottom {
        padding: 20px 0;
        .el-button {
            float: right;
        }
    }
}
.el-dropdown-menu {
    max-height: 250px;
    overflow: auto;
}
</style>